
.scroll_view{
    width: 100%;
    // <!-- 商品详情的轮播-->
    .detail_box{
        font-family: 'PingFang SC';
        font-style: normal;
        width: 100%;
        .detail_banenr{
            width: 100%;
            height: 650rpx;
            position: relative;
            .bannerswipers {
                width: 100%;
                height: 650rpx;
                image {
                    width: 100%;
                    height: 100%;
                    display: block;
                }
            }
            .bannerdots {
                width: 750rpx;
                height: 36rpx;
                display: flex;
                padding: 0 20rpx;
                box-sizing: border-box;
                justify-content: flex-end;
                position: absolute;
                left: 0;
                bottom: 20rpx;
                .bannerNum{
                    width: 100rpx;
                    height: 44rpx;
                    line-height: 44rpx;
                    text-align: center;
                    background: rgba(154, 154, 154, 0.78);
                    border-radius: 20rpx;
                    color: #fff;
                    font-size: 28rpx;
                }
            }
        }
        .detail_tit{
            width: 100% ;
            height: 170rpx;
            background: #FFFFFF;
            padding: 25rpx 0 20rpx 25rpx;
            box-sizing: border-box;
            display: flex;
            justify-content: space-between;
            .detail_tit_lt{
                width: 610rpx;
                .detail_price{
                    font-weight: 900;
                    font-size: 36rpx;
                    line-height: 50rpx;
                    color: #FF4444;
                    margin-bottom: 13rpx;
                }
                .detail_info{
                    font-weight: 400;
                    font-size: 26rpx;
                    line-height: 36rpx;
                    color: #292929;
                }
                
            }
            .detail_share{
                flex: 1;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                font-weight: 400;
                font-size: 24rpx;
                color: #9A9A9A;
                image{
                    width: 32rpx;
                    height:32rpx;
                    margin-bottom: 15rpx;
                }
    
            }
        }
        .detail_express{
            height: 86rpx;
            padding: 0 30rpx 0 25rpx;
            box-sizing: border-box;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .detail_express_info{
                width: 50%;
                font-size: 26rpx;
                color: #292929;
                height: 86rpx;
                line-height: 86rpx;
                text{
                    font-weight: 400;
                    font-size: 24rpx;
                    color: #9A9A9A;
                    margin-right: 8rpx ;
                }
            }
            .detail_stock{
                width: 50%;
                color: #9A9A9A;
                display: flex;
                justify-content: flex-end;
                align-items: center;
                font-size: 24rpx;
                height: 86rpx;
                text{
                    margin: 0 8rpx;
                    max-width: 50%;
                    height: 86rpx;
                    line-height: 86rpx;
                    font-weight: 400;
                    font-size: 24rpx;
                    color: #9A9A9A;
                }
            }
        }
        .detail_specs{
            height: 86rpx;
            padding: 0 30rpx 0 25rpx;
            box-sizing: border-box;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .detail_sel{
                width: 57rpx;
                font-weight: 400;
                font-size: 24rpx;
                color: #292929;
            }
            .detail_specs_info{
                font-size: 24rpx;
                color: #9A9A9A;
                flex: 3;
            }
            image{
                width: 11rpx;
                height: 19rpx;
            }
        }
    }
    // <!-- 商品详情和评价 -->
    .detail_drop_box{
        width: 100%;
        margin-top: 15rpx;
        padding-bottom: 100rpx;
        box-sizing: border-box;
        .detail_tab{
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1rpx solid #9A9A9A;
            .detail_tab_item{
                width: 50%;
                height: 70rpx;
                font-weight: 400;
                line-height: 70rpx;
                font-size: 28rpx;
                text-align: center;
                position: relative;

            }
            .detail_line{
                color: #FF4444 !important;
            }
            .detail_line::after{
                content: "";
                display: block;
                width: 110rpx;
                height: 1rpx;
                background-color: #FF4444;
                position: absolute;
                bottom: 0;
                left: 50%;
                margin-left: -55rpx;
            }
        }
        .detail_assess{
            width: 100%;
            padding-top: 2rpx;
            box-sizing: border-box;
            .assess_block{
                display: block !important;
            }
            .assess_items{
                padding-left: 20rpx;
                padding-right: 20rpx;
                padding-top: 20rpx;
                box-sizing: border-box;
                image{
                    width: 100% !important;
                }
            }
            .assess_item{
                display: none;
                width: 100%;
                padding-bottom: 150rpx;
                font-size: 26rpx;
                .detail_info_img{
                    width: 100%;
                    border: none;
                }
                .assess_tab{
                    width: 100%;
                    height: 60rpx;
                    display: flex;
                    justify-content: flex-start;
                    margin-top: 15rpx;
                }
                .assess_btn{
                    flex: 1;
                    height: 60rpx;
                    line-height: 60rpx;
                    text-align: center;
                    font-size: 26rpx;
                    color: #292929;
                    position: relative;
                }
                .assess_btn_line{
                    color: #FF4444 !important;
                }
                .assess_btn_line::after{
                    content: "";
                    display: block;
                    width: 50rpx;
                    height: 3rpx;
                    background-color: #FF4444;
                    position: absolute;
                    bottom: 2rpx;
                    left: 50%;
                    margin-left: -25rpx;
                }
                .assess_info{
                    width: 100%;
                    padding-top: 20rpx;
                    box-sizing: border-box;
                    .assess_none{
                        font-family: 'PingFang SC';
                        font-style: normal;
                        font-weight: 700;
                        font-size: 26rpx;
                        padding-top: 150rpx;
                        box-sizing: border-box;
                        color: #9A9A9A;
                        text-align: center;
                    }
                   .assess_many{
                       padding-top: 20rpx;
                   }
                    .assess_list{
                        width: 100%;
                        padding: 10rpx 30px;
                        box-sizing: border-box;
                        margin-bottom: 20rpx;
                        .assess_list_top{
                            width: 100%;
                            height: 90rpx;
                            display: flex;
                            justify-content: flex-start;
                            .assess_img{
                                width: 70rpx;
                                height: 70rpx;
                                border-radius: 50%;
                                overflow: hidden;
                                image{
                                    width: 70rpx;
                                    height: 70rpx;
                                }
                            }
                            .assess_list_wrap{
                                flex: 4;
                                margin-bottom: 15rpx;
                                padding-left: 20rpx;
                                box-sizing: border-box;
                                .assess_name{
                                    font-weight: 400;
                                    font-size: 26rpx;
                                    line-height: 40rpx;
                                    color: #292929;
                                }
                                .assess_time{
                                    font-weight: 400;
                                    font-size: 22rpx;
                                    line-height: 30rpx;
                                    color: #9A9A9A;
                                }
                            }
                        }
                        .assess_list_drop{
                            font-weight: 400;
                            font-size: 26rpx;
                            line-height: 36rpx;
                            color: #292929;
                            margin-bottom: 10rpx;
                        }
                        .assess_list_img{
                            width: 100%;
                            display: flex;
                            justify-items: flex-start;
                            image{
                                width: 130rpx;
                                height: 130rpx;
                                margin-right: 8rpx;
                                &:last-child{
                                    margin-right: 0;
                                }
                            }
                            
                        }
                    }
                }
            }
        }
    }
}
// <!-- 购物车清算 -->
.footer{
    width: 100%;
    height:100rpx;
    display: flex;
    justify-content: flex-start;
    padding-bottom: ~'calc(10rpx + constant(safe-area-inset-bottom))';
    padding-bottom: ~'calc(10rpx + env(safe-area-inset-bottom))';
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #FFFFFF;
    .footer_lt{
        width: 50%;
        display: flex; 
        justify-content: space-between;
        align-items: center;
        button{
            border: none;
            background-color: transparent;
            outline: none;
            padding: 0;
            image{
                width: 36rpx;
                height: 36rpx;
                margin-bottom: 10rpx;
            }
            text{
                font-size: 20rpx;
                line-height: 28rpx;
                color: #CCCDCE;
            }
        }
        .footer_list{
            flex: 1;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-direction: column;
            image{
                width: 36rpx;
                height: 36rpx;
                margin-bottom: 10rpx;
            }
            text{
                font-size: 20rpx;
                line-height: 28rpx;
                color: #CCCDCE;
            }
        }

    }
    .footer_btns{
        width: 50%;
        height: 100%;
        padding: 15rpx 15rpx;
        box-sizing: border-box;
        .btns{
            display: flex;
            justify-content: space-between;
            height: 70rpx;
            width: 100%;
            border-radius: 35rpx;
            overflow: hidden;
            .footer_btn{
                height: 70rpx;
                width: 50%;
                font-weight: 700;
                font-size: 26rpx;
                color: #FFFFFF;
                display: flex;
                justify-content: center;
                align-items: center;
                background: #FF4444;
            }
            .btn1{
                background-color: #555;;
            }
        } 
    }
}

// 规格
.cat_shop_box{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 8;
    width: 100%;
    height: 100vh;
    background-color:rgba(154,154,154, 0.45);
    .hide{
        width: 100%;
        height: 1000rpx;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }
    .cat_shop{
        width: 100%;
        height: 950rpx;
        padding: 21rpx 24rpx 0 24rpx;
        box-sizing: border-box;
        background-color: #fff;
        border-radius: 40rpx 40rpx 0rpx 0rpx;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 12;
        .cat_back{
            width: 52rpx;
            height: 52rpx;
            position: absolute;
            right: 26rpx;
            top: 18rpx;
        }
        .shop_tit{
            width: 100%;
            height: 210rpx;
            display: flex;
            justify-content: space-between;

            .shop_img{
                width: 210rpx;
                height: 210rpx;
                border-radius: 18rpx;
                overflow: hidden;
                image{
                    width: 210rpx;
                    height: 210rpx;
                }
            }
            .shop_rt{
                flex: 2;
                font-family: 'PingFang SC';
                font-style: normal;
                padding: 50rpx 0 0 17rpx;
                box-sizing: border-box;
                font-size: 26rpx;
                line-height: 36rpx;
                color: #9A9A9A;
                .shop_pay{
                    height: 39rpx;
                    font-weight: 900;
                    font-size: 28rpx;
                    line-height: 39rpx;
                    color: #FF4444;
                    margin-bottom: 22rpx;
                }
                .shop_over{
                    font-weight: 700;
                    margin-bottom: 22rpx;
                }
                .shop_taste{
                    font-weight: 400;
                }
            }
        }
        .taste_box{
            width: 100%;
            margin-top: 25rpx;
            padding: 0 11rpx;
            box-sizing: border-box;
            font-family: 'PingFang SC';
            font-style: normal;
            .taste_tit{
                font-weight: 400;
                font-size: 26rpx;
                color: #404040;
                height: 40rpx;
                line-height: 40rpx;
                width: 100%;
                padding:0 10rpx;
                box-sizing: border-box;
                margin-bottom: 20rpx;
            }
            .taste_items{
                height: 400rpx;
                width: 100%;
                overflow-y: scroll;
                .taste_item{
                    color: #292929;
                    height: 70rpx;
                    background-color: #E1E3E5;
                    border-radius: 10rpx;
                    padding: 8rpx 16rpx;
                    display:flex;
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 22rpx;
                    .taste_img{
                        width: 54rpx;
                        height: 54rpx;
                        border-radius: 10rpx;
                        overflow: hidden;
                        image{
                            width: 54rpx;
                            height: 54rpx;
                        }
                    }
                    .taste_name{
                        padding-left: 24rpx;
                        box-sizing: border-box;
                        flex: 4;
                        font-size: 26rpx;
                    }
                }
                .taste_active.taste_item{
                    background: rgba(255, 68, 68, 0.11);
                    color: #FF4444 !important;
                }
            }
            .taste_number{
                width: 100%;
                height: 60rpx;
                line-height: 60rpx;
                display: flex;
                justify-content: space-between;
                font-family: 'PingFang SC';
                font-style: normal;
                margin-top: 15rpx;
                .taste_shop_number{
                    font-weight: 400;
                    font-size: 26rpx;
                    color: #404040;
                }
                .taste_add_box{
                     flex: 5;
                     display:flex;
                     justify-content:flex-end;
                     align-items: center;
                    .taste_reduce{
                        width: 60rpx;
                        height: 60rpx;
                        display:flex;
                        justify-content:center;
                        align-items: center;
                        background: rgba(225, 227, 229, 0.67);
                        border-radius: 2rpx;
                        color: #C4C4C4;
                        font-size: 28rpx;
                        margin: 0 3rpx;
                    }
                    .taste_num{
                        font-size: 22rpx;
                        color: #292929;
                        width: 80rpx;
                    }
                }
            }
        }
        .btns{
            position: absolute;
            // bottom: 5rpx;
            left: 0;
            bottom: ~'calc(5rpx + constant(safe-area-inset-bottom))';
            bottom: ~'calc(5rpx + env(safe-area-inset-bottom))';
            width: 100%;
            height: 80rpx;
            padding: 0 35rpx;
            box-sizing: border-box;
            display: flex;
            justify-items: start;
            .btn_car{
                width: 50%;
                background: #555555;
                border-radius: 40rpx 0 0 40rpx;
            }
            .btn_pay{
                width: 50%;
                background: #FF4444;
                border-radius:0 40rpx 40rpx 0;
            }
            .btn{
                line-height: 80rpx;
                text-align: center;
                color: #fff;
                font-family: 'PingFang SC';
                font-style: normal;
                font-weight: 700;
                font-size: 26rpx;
            }
        }
    }

}